*{
    margin: 0;
    padding: 0;

}
body,input{
 font-size: 12px;
 font-family: 'arial'; 
}
ul,li {
  list-style: none;
}
input{
    border: none; 
    color: #787d82; 
    outline: none;  
}
h1, h2 {
  font-size: 12px;
  font-weight: normal;
}
a {
 text-decoration: none;
 &:hover{
    text-decoration: underline;
 }
}
body{ background: #f3f3f3;
    min-width: 500px;
    width:500px;
    width: auto !important;
}
.clear-fl{ 
    clear:left;
}

.bg-img(){
 background: url('../images/img.png') no-repeat 0 0; 

}
.g-sidebar{
    position:relative;
}
.m-btn{
           margin-left: 250px;
           position: absolute;
           width:0;
           height:0;
           border-top: 30px solid transparent;
           border-right: 20px solid blue;
           border-bottom: 30px solid transparent;
           opacity:0.5;
}
.menu-button {
  position: absolute;
  margin: 5px;
  left:0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  .bg-img();
  background-position: 0 -200px;
}
.menu-left {
  float: left; 
}
.g-side{ 
    display:block;
    float:left;
    width: 250px;
    background: #3b4248; 
    margin-right: 20px;
    position:fixed;
    left:0;
}
.m-logo{
    width:128px;
    height:78px;
    margin: 40px;
    display:block;
    .bg-img();
    background-position: 0 0;
    
}
.m-nav{ 
        line-height: 42px; 
    font-size: 16px; 
    font-family: '微软雅黑';
    a{
    display: block; 
    border-bottom: 1px solid #383E43;
    box-shadow: 0 1px 1px #41494F;
    padding-left: 25px; 
    color: #f8f7f7; 
    }
    .crt{
        color: #ed4023;
    }
}
.m-search{
     margin-top: 20px; 
     margin-left: 25px; 
     position:relative; 

     input{
        height: 30px; 
        width: 160px;  
        padding-left: 10px;
        background: #56616b; 
        line-height: 30px;
    }
    span{ 
        width:23px;
        height:20px;
        position: absolute;
        top:5px;
        right:60px;
        cursor: pointer;
        .bg-img();
         background-position: 0 -85px;
    }
}

.m-list{
        .title{
        font-size: 16px; 
        font-family: "微软雅黑";
        color: #f8f7f7;
        margin-top: 25px;
        margin-bottom: 10px; 
        position:relative;
        span{
            margin-left: 35px;
        }
        i{ 
        display:block;
        width:4px;
        height:22px;
        left:26px;
        position:absolute;
        .bg-img();
         background-position: 0px -141px;
         }
    }
    
    a{
        color: #cccaca; 
        line-height: 35px;
        padding-left:35px;
   }
   .sign{
    margin-top: 20px; 
    overflow: hidden; 
    margin-left: 25px;
        .hot{
            float:left;
            margin:0 20px 10px 0px;
            padding:0 8px;  
            border: 1px #cccaca dashed; 
            color: #cccaca;
             &:hover{ 
                text-decoration: none; 
                background-color: #ED4023; 
                color: #fff; 
                border:1px solid #ED4023;
                }
        }
       
    }
}

.g-main{ 
    background: #fdfcfc; 
    margin-left: 254px; 
    padding-left: 20px;

}
.m-nav-r{  
    border-bottom: 1px solid #f3f3f3; 
    a{
        line-height: 50px; 
        padding: 0 20px;
        font-size: 14px; 
        font-family: "微软雅黑";
        color: #323333;
    }

    .z-crt{
        color: #ed4023;
    }
}
.m-ct{ 
    margin-top: 30px; 
    margin-left: 20px; 
    height: 160px; 
    border-bottom: dashed 1px #AAA;
    .m-title{ 
        position:relative;
         .img{
           display:block;
           width:56px;
           height:56px; 
           position:absolute;
         .bg-img();
         background-position: -85px -140px;
            }
        .title{
             padding-left: 76px;
        }
        .tit{
        font-size: 18px; 
        font-family: "微软雅黑"; 
        line-height: 32px;
            a{
               color: #4c4c4c;  
            }
            .sig{ 
            width:46px;
            height:32px;    
            .bg-img();
            background-position: -85px -85px;
            // padding:0px 20px; 
            color: #f8f7f7; 
            text-align: center;
            font-weight: bold; 
            font-size: 14px; 
            float: right;
            line-height: 25px;
            }

        }
        .info {
         margin-top: 5px;
        color:#999999;
             a{
            color:#ed4023;
            }
        }
       

    }
     .con{
    clear: left; 
    font-size: 14px; 
    line-height: 70px;
    }
    .reader{
    clear: left; 
    padding-right: 30px; 
    text-align: right;
    color: #999999;    
    
         span{ 
    margin-left: 20px; 
        }
         .good{ 
    padding-left: 20px; 
    position:relative;
            i{ 
                position:absolute;
                display:block;
                width:14px;
                height:14px;
                top:0px;
                left:0px;
                .bg-img();
                background-position: -58px -140px;
            }
        }
    
        .readmore a{ 
    color: #999999; 
    }

    }
    
}
.page{
    margin: 30px 0px;  
    margin-left: 20px;
        a{
    padding: 10px; 
    border: 1px solid #dcdcdc; 
    color: #999999;
    margin-left: 10px;
    }
      .cur{
    background:#ed4023; 
    color:#fff;
    }  


}
.footer{ 
    line-height: 150px; 
    color: #807e7e; 
    margin-left: 30px; 
        a{ 
    color: #807e7e; 
        }
    

}
.b-top{ 

        position:fixed;
        display:block;
        float:right;
        width:44px;
        height:44px;
       
        right:1%;
        bottom:2%;
        .bg-img();
         background-position: -28px -85px;
 }
 .button{
    display:block;
    width:20px;
    height:20px;
    .bg-img();
    background-position: 0 -200px;
    position:absolute;
    left:20px;
    top:20px;

 }